<template>
	<el-table :data="tableData" size="small" style="width: 75%">
		<el-table-column label="" prop="name" width="90"/>
		<el-table-column label="1" prop="one" width="30"/>
		<el-table-column label="2" prop="two" width="30"/>
		<el-table-column label="3" prop="three" width="30"/>
		<el-table-column label="4" prop="four" width="30"/>
		<el-table-column label="5" prop="five" width="30"/>
		<el-table-column label="6" prop="six" width="30"/>
		<el-table-column label="7" prop="seven" width="30"/>
		<el-table-column label="8" prop="eight" width="30"/>
		<el-table-column label="9" prop="nine" width="30"/>
		<el-table-column label="10" prop="ten" width="35"/>
		<el-table-column label="11" prop="eleven" width="35"/>
		<el-table-column label="12" prop="twelve" width="35"/>
	</el-table>
</template>

<script setup>
import {defineProps} from 'vue'
// eslint-disable-next-line vue/no-setup-props-destructure
let {tableData} = defineProps(['tableData'])
</script>

<style scoped>

</style>
